/**
  其他境外交流项目管理-查看国家公派-回国报道（短期访学-回国报销）
*/
<template>
    <div class="go-home-report-container">
        <div style="height: 30px;">
            <el-breadcrumb style="float: left;" separator="/">
                <el-breadcrumb-item :to="{ path: '/exchangeProjectApp' }">
                    <span @click="reback()">{{ $t('projectManage.otherOverseasExchange') }}</span>
                </el-breadcrumb-item>
                <el-breadcrumb-item>
                    <span>{{ this.tabTitle }}</span>
                </el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <el-card shadow="never" v-loading="loading" body-style="padding: 24px;">
            <div slot="header" class="title">
                {{ $t('projectManage.otherOverseasExchange') }}
                -
                <span>{{ this.tabTitle }}</span>
                <el-button
                    style="float:right; margin-top: -5px;"
                    @click="reback()"
                >{{ $t('common.btn.back') }}</el-button>
            </div>
            <return-home-common-info
                :showProcess="showProcess"
                :backId="backId"
                :projectStartTime="projectStartTime"
                :projectEndTime="projectEndTime"
            ></return-home-common-info>
        </el-card>
    </div>
</template>
<script>
import { downloadfile } from 'common/src/api/upload'
import externalExchangeApi from 'common/src/api/externalExchange/externalExchange'
import returnHomeCommonInfo from 'common/src/views/externalExchange/common/returnHomeCommonInfo'
export default {
    components: {
        'return-home-common-info': returnHomeCommonInfo
    },
    data() {
        return {}
    },
    props: {
        backId: {
            type: String,
            default: ''
        },
        projectStartTime: {
            type: String,
            default: ''
        },
        projectEndTime: {
            type: String,
            default: ''
        },
        tabTitle: {
            type: String,
            default: ''
        },
        showProcess: {
            type: Boolean,
            default: true
        },
        projectSubCategory: {
            type: Number,
            default: null
        }
    },
    computed: {},
    created() {},
    async mounted() {},
    methods: {
        reback() {
            this.$emit('change-project-index')
        }
    }
}
</script>
<style lang="scss" scoped>
.go-home-report-container {
    .el-breadcrumb__item:last-child ::v-deep {
        .el-breadcrumb__inner {
            color: #606266;
            font-weight: bold;
            cursor: default;
        }
    }
    .el-breadcrumb__item ::v-deep {
        .is-link {
            color: #aaa;
            font-weight: unset;
        }
        .is-link:hover {
            color: #409eff;
        }
    }
    .title {
        font-weight: bold;
        font-size: 18px;
    }
    .privacy-title {
        margin-bottom: 20px;
    }
    .other-title {
        margin-top: 20px;
    }
}
</style>
